<!DOCTYPE html>
<html lang="zh-CN" style="height: 100%; background-color: transparent;">
	<head>
		<meta charset="utf-8">
	</head>
	<body style="display: flex;flex-direction: column">
		<br />
		<input type="file" id="fileInput" onchange="readURL()" multiple />
		<br />
		<a href="https://docs.google.com/gview?embedded=true&url=http://101.43.90.15:81/11111111.pdf">
			PDF
		</a>

		<a href="https://www.qq.com">
			QQ
		</a>

		<img id="img" width="100%">

		<script type="text/javascript">
			function readURL() {
				var fileInput = document.getElementById("fileInput");

				var image = document.getElementById("img");

				var file = fileInput.files[0];
				var url = URL.createObjectURL(file);
				image.src = url;

			}
		</script>
	</body>
	<style>
		button {
			height: 60px;
			font-size: 20px;
			font-weight: bold;
		}

		#file {
			padding: 6px 10px;
			background-color: #1E9FFF;
			border: 1px solid #1E9FFF;
			border-radius: 3px;
			cursor: pointer;
			color: #fff;
			font-size: 12px;
			height: 50px;
		}

		#img {
			margin-top: 30px;
		}
	</style>
</html>
